<extend name="Base/common"/>
<block name="title"><title>{:C('WEB_SITE_TITLE')}</title></block>

<block name="content">
<!-- 幻灯 -->
<script type="text/javascript" src="__STATIC__/jquery.event.move.js"></script>
<script type="text/javascript" src="__STATIC__/jquery.event.swipe.js"></script>
<script type="text/javascript" src="__STATIC__/unslider.js"></script>
<div class="container" style="margin-top:20px;">
	<div class="row" style="margin: 0;">
		<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8" style="padding: 0px;background-color:#57A7DA;">
			<div class="banner">
				<ul>	  	   
					<li>
						<a href="http://www.berrypud.com/"><img src="__IMG__/bg_new.png" class="flash_li"></a>
					</li>
					<li>
						<img src="__IMG__/bg_qrcode.jpg" class="flash_li">
					</li>
				</ul>
			</div>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" style="background-color:#fff;">
            <div class="search">
                <form action="#" target="_blank">
                    <input type="text" class="searchinput fl" id="search_val" placeholder="搜索更多浆果...">
                    <input type="submit" class="searchbtn fl" value="" title="点击搜索">
                </form>
            </div>
            <div style="margin-top:10px;">
            	<a href="http://www.weibo.com/hololenschina" class="cocosList" style="margin-right:4%;" target="_blank">
	            	<span class="dwf"><i class="fa fa-weibo"></i> 微博</span>
	            </a>
	            <a href="javascript:void(0);" class="cocosList weixin">
	            	<span class="dwf"><i class="fa fa-weixin"></i> 微信</span>
	            </a>
	            <a href="mailto:hololenschina@berrypud.com" class="cocosList" style="margin-right:4%;" target="_blank">
	            	<span class="dwf"><i class="fa fa-paper-plane"></i> 反馈</span>
	            </a>
	             <a href="javascript:alert('建设中，敬请期待！');" class="cocosList">
	            	<span class="dwf"><i class="fa fa-rss"></i> 订阅</span>
	            </a>
            </div>
            <div>
            	
            </div>
		</div>
	</div>
</div>
<div class="container">
	<div id="freshberry" class="section_title">
		<h2><i class="fa fa-cube"></i> 鲜浆果 · 软件</h2>
	</div>
	<hr style="border-top: 1px solid #B0B0B0;">
	<div class="articlelists row">
		<volist name="freshberrylist" id="article">
			<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
				<div class="gpcard">
					<a class="img-link" href="{:U('Article/detail?id='.$article['id'])}" target="_blank" style="background-image: url('__ROOT__{:get_cover($article['cover_id'],$field = path)}');filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='__ROOT__{:get_cover($article['cover_id'],$field = path)}', sizingMethod='scale');"></a>
					<div class="restrict">
						<div class="topic-title">
							<a class="title" href="{:U('Article/detail?id='.$article['id'])}" target="_blank">
								<h1>{$article.title}</h1>
							</a>
						</div>
						<div class="topic-info">
							<a class="author" href="#" target="_blank">
								<span>{$article.uid|get_nickname}</span>
							</a>
							<a class="publish_time" href="{:U('Article/detail?id='.$article['id'])}" target="_blank">
								<span>发表于 {$article.create_time|date='Y-m-d H:i',###} </span>
							</a>
						</div>
						<div class="abstract"><p>{$article.description}</p></div>
					</div>
					<div id="sections" style="background:rgba({$article.category_id|html2rgb},0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr={$article.category_id|get_category_gradient},endColorstr={$article.category_id|get_category_gradient});">
						<a class="classify" href="{:U('Article/lists?category='.$article['category_id'])}" itemprop="articleSection" target="_blank">{$article.category_id|get_category_title}</a>
					</div>
					<div class="operate">
						<!-- <div class="rate">
							<a data-action="like" href="/topics/212309/like" id="topic-like-212309">
								<i class="fa fa-thumbs-o-up"></i>
								<span>7</span>
							</a>
							<a data-action="reply" href="/topics/212309#comment" target="_blank">
								<i class="fa fa-comments"></i>
								<span>4</span>
							</a>
						</div> -->
					</div>
				</div>
			</div>
		</volist>
	</div>
	<hr>
	<div id="interisnetlist" class="section_title">
		<h2><i class="fa fa-book"></i> 互联是个网 · 阅读</h2>
	</div>
	<hr style="border-top: 1px solid #B0B0B0;">
	<div class="articlelists row">
		<volist name="interisnetlist" id="article">
			<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
				<div class="gpcard">
					<a class="img-link" href="{:U('Article/detail?id='.$article['id'])}" target="_blank" style="background-image: url('__ROOT__{:get_cover($article['cover_id'],$field = path)}');filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='__ROOT__{:get_cover($article['cover_id'],$field = path)}', sizingMethod='scale');"></a>
					<div class="restrict">
						<div class="topic-title">
							<a class="title" href="{:U('Article/detail?id='.$article['id'])}" target="_blank">
								<h1>{$article.title}</h1>
							</a>
						</div>
						<div class="topic-info">
							<a class="author" href="#" target="_blank">
								<span>{$article.uid|get_nickname}</span>
							</a>
							<a class="publish_time" href="{:U('Article/detail?id='.$article['id'])}" target="_blank">
								<span>发表于 {$article.create_time|date='Y-m-d H:i',###} </span>
							</a>
						</div>
						<div class="abstract"><p>{$article.description}</p></div>
					</div>
					<div id="sections" style="background:rgba({$article.category_id|html2rgb},0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr={$article.category_id|get_category_gradient},endColorstr={$article.category_id|get_category_gradient});">
						<a class="classify" href="{:U('Article/lists?category='.$article['category_id'])}" itemprop="articleSection" target="_blank">{$article.category_id|get_category_title}</a>
					</div>
					<div class="operate">
						<!-- <div class="rate">
							<a data-action="like" href="/topics/212309/like" id="topic-like-212309">
								<i class="fa fa-thumbs-o-up"></i>
								<span>7</span>
							</a>
							<a data-action="reply" href="/topics/212309#comment" target="_blank">
								<i class="fa fa-comments"></i>
								<span>4</span>
							</a>
						</div> -->
					</div>
				</div>
			</div>
		</volist>
	</div>
</div>
<div class="fship">
	<div class="container">
		<h4 class="fship-ttl">友情链接</h4>
		<div class="fship-con clearfix">			
			<p><a href="http://weibo.com/berrypud" target="_blank">浆果铺官方微博</a><span>|</span></p>
			<p><a href="http://www.hololenschina.com/" target="_blank">HoloLens中文社区</a><span>|</span></p>        	
        	<p><a href="http://www.zhihu.com" target="_blank">知乎</a><span>|</span></p>
        	<p><a href="http://www.huxiu.com" target="_blank">虎嗅网</a><span>|</span></p>
        	<p><a href="http://www.36kr.com" target="_blank">36氪</a><span>|</span></p>
        	<p><a href="http://www.xianguo.com" target="_blank">鲜果网</a><span>|</span></p>
        	<p><a href="http://www.tuiku.com" target="_blank">推酷</a><span>|</span></p>
        	<p><a href="http://www.leiphone.com" target="_blank">雷锋网</a></p>
        </div>
	</div>
</div>
<script type="text/javascript">
	var page = 2;
	$(function() {
		$('.banner').unslider({
				fluid: true,
				dots: true
		});
		$(".topic-title").each(function (i) {
            var divH = $(this).height();
            var $h1 = $("h1", $(this)).eq(0);
            while ($h1.outerHeight() > 50) {
                $h1.text($h1.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
            };
        });
		$(".abstract").each(function (i) {
            var divH = $(this).height();
            var $p = $("p", $(this)).eq(0);
            while ($p.outerHeight() > divH) {
                $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
            };
        });
	});

</script>

</block>
